
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link href="css/base.css" rel="stylesheet">
<link href="css/header.css" rel="stylesheet">

<link rel="icon" type="image/x-icon"
	href="/new/resources/images/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon"
	href="/new/resources/images/favicon.ico" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<title>个人中心</title>
<script type="text/javascript" src="../jqGrid/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../jqGrid/js/grid.locale-en.js"></script>
<script type="text/javascript" src="../jqGrid/js/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="js/user.js"></script>
<link rel="stylesheet" type="text/css"
	href="../jqGrid/css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" href="css/common.css"
	media="screen" />
<script src="js/sea.js" type="text/javascript"></script>
<script src="js/common.js" type="text/javascript"></script>
<link rel="stylesheet" href="../layui-v2.3.0/layui/css/layui.css" />
<link href="css/base.css" rel="stylesheet">
<link href="css/header.css" rel="stylesheet">
<script src="../layui-v2.3.0/layui/layui.all.js" type="text/javascript" /></script>
<script src="../app.js" type="text/javascript" /></script>
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>

<body>
	<div class="mininav">
		<div class="container_w ">
			<div class="mininav_l">
				<a href="https://trade.southernfund.comnew/" class="c_blue"
					target="_blank">个人登录</a>
			</div>
		</div>
	</div>

	<div class="clear"></div>
	<div id="nav">
		<ul>
			<li class="nav_line active" page="index"><a
				href="../fund/index.html" title="首页">首页</a></li>
			<li class="nav_line" page="cjxjb"><a href="new/cjxjb/"
				title="超级现金宝">申购指导</a></li>
			<li class="nav_line" page="fundmarket"><a
				href="../index_static/fundMarket.html" title="基金产品">基金产品</a></li>
			<li class="nav_line" page="fundmarket"><a href="new/fundmarket/"
				title="基金产品">客服服务</a></li>

			<li class="nav_line" page="fundmarket"><a href="new/fundmarket/"
				title="基金产品">关于链想</a></li>
		</ul>
	</div>

	<!-- Piwik -->
	<script type="text/javascript" charset="UTF-8" xml:space="preserve"
		src="js/quota.js"></script>

	<script type="text/javascript" xml:space="preserve">
		var count = 0;
		var countM = 0;
		function changePage(id) {
			if (id == 'my_count' && countM == 0) {

			} else if (id == 'my_count' && countM > 0) {
				$("#divs").empty();
				$("#my_count").attr('hidden', false);
			} else {
				$("#divs").empty();
				$("#my_count").attr('hidden', 'hidden');

				$("#divs").append($("#" + id).html());

			}

			countM = countM + 1;
		}
	</script>

	<div class="section">
		<div class="main">
			<div class="left_nav">
				<ul>
					<li><a ui:a="" title="资产明细" shape="rect"
						onclick="changePage('my_count');">我的资产</a></li>
					<li><a ui:a="" title="盈亏查询" shape="rect"
						onclick="changePage('capital_div');">资金记录</a></li>
					<li><a ui:a="" title="交易记录" onclick="changePage('apply_div');">申购记录</a>
					</li>
					<li><a ui:a="" title="我的分红"
						onclick="changePage('userinfo_div');">个人信息</a></li>
				</ul>

			</div>
			<div id="my_count">

				<div class="asset_info">
					<div class="asset_all">
						<div class="fl total_assets">
							<div class="title">我的资产(USTD)</div>
							<div class="asset_num">
								<span id='dollar'></span>
							</div>
							<div class="asset_num">
								≈￥<span id="totalAssets"></span>
							</div>

						</div>
						<div class="fl total_assets">
							<span>昨日盈亏：<span id="yesterdayProfitLoss"></span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
								style="margin-left: 50px;">累计盈亏： <span id='profitLoss'></span></span>
						</div>

					</div>

					<div style="margin-top: 70px;">
						<a title="充值" class="recharge" href="" style="">申购</a>
					</div>
				</div>

				<div style="float: left;">
					<div class="head">
						<span class="title" id="assetsdetail">持有基金</span>
					</div>
					<div style="padding: 2px; margin-top: 20px;">
						<!-- 资产明细 -->
						<table class='layui-hide' id='fundlist'></table>
					</div>
				</div>

				<script type="text/javascript">
					if (count > 0) {

						getACountData();
						pageInit();
					}
					count = count + 1;
				</script>
			</div>
			<div class="height_main">
				<div class="height_article" id="divs">
					<!-- 主题内容-->

				</div>
			</div>
		</div>
	</div>
	<div id="capital_div" hidden="hidden">
		<script type="text/javascript">
			//window.onload = function() {
			capitallistinnt('out');
			//}
		</script>

		<div class="asset_info">
			<div class="user_capital_header">资金记录</div>
			<div class="user_capital_content">
				<span> <a href='javascript:void(0)'
					onclick="capitallistinnt('out')">转出记录</a></span>&nbsp;&nbsp; &nbsp;<span>
					<a onclick="capitallistinnt('in')" href='javascript:void(0)'>转入记录</a>
				</span>&nbsp;&nbsp;&nbsp;<span><a href='javascript:void(0)'
					onclick="capitallistinnt('days')">每日盈亏</a></span>
			</div>
			<div style="padding: 20px; margin-top: 20px;">
				<!-- 资产明细 -->
				<table class='layui-hide' id='capitallist'></table>
			</div>
		</div>

	</div>

	<div id="apply_div" hidden="hidden">

		<script type="text/javascript">
			applylistinnt();
		</script>
		<div class="asset_info">
			<div class="user_capital_header">申购记录</div>

			<div style="padding: 20px; margin-top: 20px;">
				<!-- 资产明细 -->
				<table class='layui-hide' id='applylist' lay-filter="applyFilter"></table>
			</div>
		</div>
		<script type="text/javascript">
			 layui.use('table', function() {

				var table = layui.table;
				//监听工具条
				table.on('tool(applyFilter)', function(obj) {
					var data = obj.data;
					if (obj.event === 'confirm') {

						confirmPayFun(data.id, 1);
					} else if (obj.event === 'cancle') {
						confirmPayFun(data.id, 4);
					}
				});
			});
		</script>
	</div>

	<div id="userinfo_div" hidden="hidden">

		<div class="asset_info">
			<div class="user_capital_header" style="margin-left: 20px;">个人信息</div>
			<div class="user_capital_content">
				基金账户：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span id="account_id"></span>
			</div>

			<div class="user_capital_content">
				绑定手机：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;绑定的手机号为： <span
					id="account_phone"></span> <span>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <!-- 	<a title="" class="com_btn"
					href="javascript:void(0)" onclick="changePhoneBtn();">更换</a> -->
				</span>
			</div>

			<div class="user_capital_content">

				<span>登陆密码：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为确保资金安全，请勿将密码告知他人
				</span><span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <!-- 	<a title=""
					class="com_btn" href="javascript:void(0)" style="">更改</a></span> -->
			</div>
			<script type="text/javascript">
				getAccountInfo();
			</script>
		</div>
	</div>

	<script type="text/html" id="paytoolbar">

   {{# if(d.status==0){ }}
 		<button class="layui-btn site-demo-active" id='paybar' data-type="tabAdd"  lay-event="confirm" >支付</button>&nbsp;&nbsp; <span id='canclepay' lay-event="cancle">取消</span>
        {{# } }}
  {{# if(d.status==1){ }}
 		 <span id='canclepay'>支付待确认</span>
        {{# } }}

  {{# if(d.status==2){ }}
 		<span id='canclepay'>已入账</span>
        {{# } }}
  {{# if(d.status==3){ }}
 	 <span id='canclepay'>未通过</span>
        {{# } }}
  {{# if(d.status==4){ }}
 		 <span id='canclepay'>已取消</span>
        {{# } }}
	
    </script>


</body>

</html>